﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background: none repeat scroll 0 0 #CACACA;
    color: #696969;
    font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
a:link, a:visited {
    color: #e6a417;
	text-decoration: none;
}
a:hover {
    color: #e6a417;
    text-decoration: none;
}
a:active {
    color: #e6a417;
}

p, ul {
    line-height: 1.6em;
    margin-bottom: 10px;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #666666;
    font-size: 1.5em;
    font-weight: 200;
    margin-bottom: 0;
    text-transform: none;
}

h1 {
    font-size: 1.6em;
    margin-bottom:40px !important;
    margin-top: 45px !important;
    padding-bottom: 0;
	font-variant: small-caps;

}

h2 {
	  color: #e6a417;
    font-size: 1.8em;
    font-weight: 200;
	    margin-bottom: 10px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin: 20px auto 0;
    width: 960px;
}

header, #header {
    background: none repeat scroll 0 0 #e6a417;   
    margin: 5px;
    padding: 0;
    position: relative;
    width: 99%;
    height:130px;
}


header h1, #header h1 {
    color: #F9F9F9;
    font-size: 2em;
    font-weight: 700;
    line-height: 2em;
	font-variant: small-caps;
	padding-left: 20px;
}



#main {
    padding: 40px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
	  min-height: 420px;
}

footer, 
#footer {
    background-color: #242424;
	color: #fff;
    text-align: center;
    line-height: normal;
    margin: 5px;
	font-size: .9em;
    height: 35px;
    vertical-align: middle;
    position: relative;
}

#footer .footer-app-name
{
    width: 20%;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 1.2em;
    font-variant:small-caps;
}

/* TAB MENU   
----------------------------------------------------------*/
#menu
{
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 1.1em;
    font-weight: bold;
    background: #242424;
    height: 33px;
    list-style: none;
    color: #fff;
	clear:both;
}

#menu li
{
    float: left;
    font-weight: normal;
	font-size: 1 em;
   	padding-left: 6px;
  	 padding-top:5px;
}
#menu li a
{
    display: block;    
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
#menu li a:hover, #menu ul li:hover a
{
    border-bottom: 1px dotted #FFFFFF;
    color: #e6a417;
}
#menu li ul
{
    background: #333;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 225px;
    z-index: 200; /*top:1em; 		/*left:0;*/
}
#menu li:hover ul
{
    display: block;
}
#menu li li
{
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 225px;
}
#menu li:hover li a
{
    background: none;
	    border-bottom: 1px dotted #FFFFFF;
    color: #e6a417;
}
#menu li ul a
{
    display: block;
    height: 35px;
    font-size: 12px;
    font-style: normal;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    text-align: left;
}
#menu li ul a:hover, #menu li ul li:hover a
{
    background: #00ABA9;
    border: 0px;
    text-decoration: none;
    color:#fff;
}
#menu p
{
    clear: left;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 10px 1.4em 1.4em 1.4em;
    margin: 1.3em 0 1.3em 0;
}

legend {
    font-size: 1.3em;
    font-weight: normal;
	color:#696969;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;    
    font-size: 0.9em;
    width: 150px;
    color: #444;
	border-radius: 20px 20px 20px 20px;
}

select {
    border: 1px solid #ccc;
  	font-size: 1em !important;
    width: 170px;
 	color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/


table td {
    padding: 5px;
    border: none 0px ;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #E7E7E7;
    border: none;
	height:30px;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}



div#title {
    display: block;
    float: left;
    text-align: left;
}


#logindisplay {
    color: #FFFFFF;
    float: right;
    font-size: 1.1em;
    margin-top: -25px;
    padding-right: 7px;
    display: block;
}

#logindisplay a:link {
    color: white;
    text-decoration: none;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: #e6a417;
    text-decoration: none;
	border-bottom:1px dotted white;
}

#culture {
    float: right;
	font-size: 1em;
    margin-right: -20px;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.grid-view-search{
    background-color: #F6F6F7;
    padding-left: 12px;
	margin-top: 10px;
	height: 50px;
	    padding-top: 5px;

}

.grid-view-search-label-container{
float:left;
clear:left;
padding-top:15px;
}

.grid-view-search-input-container{
float:left;
padding-top:12px;
}

.t-button {
    background: none repeat scroll 0 0 #FFFFFF;
 	border-radius: 20px 20px 20px 20px;
    margin: 0 5px 0 4px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 140px !important;
	height: 20px;
}

.grid-view-search-button-container{
	padding-top:12px;
}

.grid-top-buttons, .grid-bottom-buttons, .top-button-container{
    padding-left:12px;
}

.grid-view-count{
	padding: 10px 0 10px 12px;
	margin-bottom:15px;
	background-color: #F6F6F7;
	height: 18px;
}

.grid-view-count > span{
float:right;
margin-right: 10px;
}

.grid-cell-details, .grid-cell-delete, .grid-cell-edit {
    max-width: 100px !important;
    width: 100px !important;
    text-align: center !important;
}

.grid-cell-details img, .grid-cell-delete img, .grid-cell-edit img
{
    border: none;
}

.grid-header-edit, .grid-header-details, .grid-header-delete  {
    max-width: 100px !important;
    width: 100px !important;
}

.grid-header-data { width: auto !important; }

/* jqGrid fix */
.grid-view-panel .ui-jqgrid-bdiv { height: auto !important; }

.grid-alt-row{
	    background-color: #F2F2F2;
	}

/* messages */
#messages {
    background-color: red;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    float: left;
    padding: 0px 0px 0px 5px;
    width: 80%;
}

/* buttons */
.button {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    padding: 3px;
}

.view-more-button{
    clear: left;
    color: #e6a417;
    float: left;
    font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-decoration: underline;
    height: 20px;
    margin: 8px 637px 0 20px;
    width: 64px;
}

.create-button {
    background-image: url("../Content/Images/CRUD/create.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.report-button {
    background-image: url("../Content/Images/CRUD/report.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.search-button {
    background-color: transparent;
    background-image: url("../Content/Images/CRUD/search.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: none !important;
	border-right: 1px solid #CCCCCC !important;
    height: 25px;
    left: 3px;
    top: 3px;
    width: 55px;
	cursor: pointer;
}

.clean-button {
    background-color: transparent;
	background-image: url("../Content/Images/CRUD/reset.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 25px;
    width: 45px;
	border: none !important;
	cursor: pointer;
}

.back-button {
    background-image: url("../Content/Images/CRUD/back.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.save-button {
    background-image: url("../Content/Images/CRUD/save.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.add-button {
    background-image: url("../Content/Images/CRUD/add.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.ok-button {
    background-image: url("../Content/Images/CRUD/ok.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.close-button {
    background-image: url("../Content/Images/CRUD/close.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.select-button {
    background-image: url("../Content/Images/CRUD/add.png");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 45px;
    min-width: 40px;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; 	   }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0.2em -3px -3px; border-bottom: 0 !important; border:none!important; padding: 0; white-space: nowrap; border: 1px solid #000; background: url("Images/tab.gif") repeat-x scroll 0 0 transparent; }

.ui-tabs-selected .tab_outer{
		background: url("Images/tab-active-right.gif") no-repeat scroll right center transparent;
		height:29px;
		display: inline-block;
		padding-left: 0px;
		padding-right: 0px;
}

.ui-tabs-selected .tab_inner{
		background: url("Images/tab-active-left.gif") no-repeat scroll left center transparent;
		height:29px;
		display: inline-block;
  		padding-right: 0px;
}

.tab_inner a
{
    color: #696969;    
}

.tab_outer {
	    background: url("Images/tab-right.gif") no-repeat scroll right center transparent;
		height:29px;
		display: inline-block;
		padding-left: 0px;
  		padding-right: 0px;
}

.tab_inner {
	    background: url("Images/tab-left.gif") no-repeat scroll left center transparent;
		height:29px;
		display: inline-block;
  		padding-right: 0px;
}

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 2em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: -2; padding-bottom: 0px; background: url("Images/tab-active.gif") repeat-x scroll 0 0 transparent !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */


.ui-tabs .ui-tabs-panel { 
	background-color: #F6F6F7;
    border: 1px solid #D4D5D6;
    font-family: verdana,tahoma,helvetica;
    font-size: 0.9em;
    padding: 8px;
 }


.ui-tabs .ui-tabs-hide { display: none !important; }


/*
.tabDataCarrier .ajax__tab_outer {
    background: url("images/tab-right.gif") no-repeat scroll right center transparent;
}

.tabDataCarrier .ajax__tab_inner {
    background: url("images/tab-left.gif") no-repeat scroll 0 0 transparent;
}

.tabDataCarrier .ajax__tab_tab {
    background: url("images/tab.gif") repeat-x scroll 0 0 transparent;
}*/

#ui-datepicker-div { display:none; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color:#FFF!important; border: 1px solid #DDD; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; float: right;text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;     background-image: url("../Content/Images/popup.png"); background-repeat: repeat;}

.ui-dialog-titlebar { 
background-color:#e6a417 !important;
width:100%;
color:#fff;
margin-bottom: 20px;
padding: 6px 0;
}

.ui-dialog-title{
	margin-left:8px;
	}

.ui-dialog{
    background-color: #F2F2F2;
    border: 1px solid #757575;
	padding:6px;
	}

.ui-dialog-buttonpane{
    padding-left:10px;
}

.ui-datepicker-trigger{
    margin-left: 10px;
    margin-top: 1px;	
}

.ui-datepicker-trigger:hover{
    cursor: pointer;
}

.grid-separator{
	    border-top: 1px solid #D2D2D2;
    margin-bottom: 5px;
    margin-top: 5px;}

/* dialogs */    
.ui-dialog .ui-button
{
    border: none;
    background:none;
    width: 46px;
}

.ui-dialog .ui-button:hover
{
    cursor: pointer;
}

.ui-dialog .ui-button .ui-button-text
{
    display:none;
}

#dialog-confirm { min-height:0 !important; height: auto !important; margin: 20px; }
.ui-dialog .ui-jqgrid, 
.ui-dialog .ui-jqgrid .ui-jqgrid-view,
.ui-dialog .ui-jqgrid .ui-jqgrid-hdiv,
.ui-dialog .ui-jqgrid .ui-jqgrid-bdiv,
.ui-dialog .ui-jqgrid .ui-jqgrid-htable,
.ui-dialog .ui-jqgrid .ui-jqgrid-btable
{ width: 100% !important; }

/* grid count */
.count-number { padding-left: 2px }

/* form columns */
div.form {
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top:20px;
	width: 100%;
	height:50px;
	display:table;
}
div.form .row, fieldset .row { display:table-row; }
div.form .row .field-cell, fieldset .row .field-cell { display:table-cell; }


.field {
    margin:0 auto;
    padding: 5px;
    width: 75%;
}

.field-cell {
    margin:0 auto;
    padding: 5px;
    width: 50%;
}
.field .label, 
.field-cell .label {
    color: #504E4E;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 30%;
	padding: 5px;
}

.field .editor, 
.field-cell .editor {
     display: inline-block;
    vertical-align: middle;
    width: 65%;
}

.field .date-editor, .field-cell .date-editor
{
    width: auto;
}

/* availables grid selectors */
.grid-view-availables .ui-jqgrid-labels th:first-child { width: 30px !important; padding: 0 0 0 5px !important; }
.grid-view-availables .ui-jqgrid-bdiv tr td:first-child { width: 30px !important; padding: 0 !important; }